<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="jquery.min.js"></script>
  </head>
  <body>
    <button id="btnGET">发起GET请求</button>
    <script>
      // $(function () {
      //   $("#btnGET").on("click", function () {
      //     $.ajax({
      //       type: "GET",
      //       url: "http://www.liulongbin.top:3006/api/getbooks",
      //       data: {
      //         id: 1,
      //       },
      //       success: function (res) {
      //         console.log(res);
      //       },
      //     });
      //   });
      // });
      $(function () {
        $("#btnGET").on("click", function () {
          $.ajax({
            type: "GET", // 发起类型 获取还是输送  type默认值为GET 可省略
            url: "http://www.liulongbin.top:3006/api/getbooks",
            data: {
              id: 2, // 请求的此参数
            },
            success: (res) => console.log(res), // 请求成功后的回调函数
          });
        });
      });
    </script>
  </body>
</html>
